<!--
 * @Descripttion : 
 * @Autor        : Lilong
 * @Date         : 2022-09-14 11:01:36
 * @LastEditTime : 2022-09-14 11:28:58
 * @FilePath     : \src\ChildComponent.vue
-->
<template>
    <div>
        <h2>子组件</h2>
        <input :value="msg" @input="handlerChange"/>
        <!-- <button @click="change">修改</button> -->
    </div>
</template>

<script>
export default {
    name:'ChildComponent',
    props:{
      msg:{
          type:Number,
          default:2
      }
    },
    model:{
        prop:'msg', // 上面传的是value这里可以不写，如果属性名不是value就要写
        event:"updateMsg"
    },
    methods: {
        handlerChange(e){
            this.$emit("updateMsg", e.target.value)
        }
    }
}
</script>

<style>

</style>template